@layout("/common/_container.html"){
<style type="text/css">
	#allmap {
		width: 100%;
		height: 400px;
		overflow: hidden;
		font-family:"微软雅黑";
	}
	.anchorBL{display:none;}
	.mask {       
		position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;     
		z-index: 1002; left: 0px;     
		opacity:0.5; -moz-opacity:0.5;     
	} 
	.echarts{
		height: 300px;
	}
	.ztree {height:200px; overflow:auto;}
	.ownpanel-title { float: left; margin-right: 30px; padding-left: 5px; border-left: 5px solid #333; line-height: 15px; font-size:15px; font-family:'宋体';}
	.mypanel-title { float: left; margin-right: 5px; padding-left: 5px; font-size:15px; font-family:Tahoma; font-weight:normal;}
	.ownglyphicon { margin-left: 10px; top: 2px; text-decoration: none; }
	
	.legend { position: absolute; bottom: 1px; left: 10px; padding: 2px; background-color: #fff; }
	.legend li { float: left; display: inline; width: 40px; height: 16px; }	
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=esCmoRsS0550Qaa9YSI8SqglYh4G0c1g">
</script>
<script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js">
</script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" />
<div class="row" id="ScreeningDiv">
	<div class="col-sm-12">
		<div class="ibox float-e-margins">
			<div class="ibox-title">
				<!-- <h5>地图筛选</h5> -->
				<div>
					区域选择:
					<span class="dropdown">
						<a href="javascript:void(0);" data-toggle="dropdown">
							<input type="hidden" id="areaId" value="${areaId}">
							<input type="hidden" id="subAreaId" value="${subAreaId}">
							<span class="text" data-role="label" id="selectArea">${areaName}</span>
							<span class="caret"></span>
						</a>
						<div class="dropdown-menu" style="left: 0;right: auto;">
							<ul data-role="tree" id="areaTree" class="ztree"></ul>
						</div>
					</span>
				</div>
			</div>
			<div class="ibox-content">
				<div class="row row-lg">
					<div class="col-sm-12">
						<div class="row">
							<div class="col-sm-3">
								@if(shiro.hasPermission("/screening/testListArea")){
									<#button id="listBtn" name="统计" icon="fa-user" clickFun="Screening.listArea()"/>
								@}
							</div>
						</div>
						<div style="position: relative;">
						<div id="allmap">
						</div>
						<ul class="legend">
								<li style="background-color:#46B035;"></li>
								<li style="background-color:#9BC702;"></li>
								<li style="background-color:#FFAE00;"></li>
								<!-- 
								<li style="background-color:#FF7200;"></li>
								 -->
								<li style="background-color:#FD3023;"></li>
						</ul>
						</div>
						<div class="row">
							<div class="col-sm-12">
								<div class="tabs-container">
									<ul class="nav nav-tabs">
										<li class="active" id="timeDomain"><a data-toggle="tab" href="#tab-1" aria-expanded="true">时域分析</a>
										</li>
										<li><a data-toggle="tab" href="#tab-2" aria-expanded="false">地域分析</a>
										</li>
										<li><a data-toggle="tab" href="#tab-3" aria-expanded="false">行为分析</a>
										</li>
										<li><a data-toggle="tab" href="#tab-4" aria-expanded="false">属性分析</a>
										</li>
									</ul>
									<div class="tab-content">
										<div id="tab-1" class="tab-pane active">
											@if(shiro.hasPermission("/screening/sskl/show")){
												<#chart name="实时客流" 
													timeInputId="realPassenger-demo" 
													selectIds="selectRealPeopleTime;selectRealPeople" 
													selectValues="小时,分钟;所有人口,流动人口" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出"
													buttonIcons="fa-search;fa-file-excel-o"
													buttonFuns="Screening.realPassengerSearch();Screening.realPassengerExport()"
													buttonViss="true;true"
													chartDivIds=""
													chartTypes="line-chart"
													chartIds="realTimePassenger"
													chartViss="true"
												/>
											@}
											@if(shiro.hasPermission("/screening/fzkl/show")){
												@var searchVis = shiro.hasPermission("/screening/fzkl/quary");
												@var exportVis = shiro.hasPermission("/screening/fzkl/export");
												<#chart name="峰值客流" 
													timeInputId="peakPassenger-demo" 
													selectIds="selectPeakPassengerFlow;selectpeakPassenger" 
													selectValues="日,月;所有人口,流动人口" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出"
													buttonIcons="fa-search;fa-file-excel-o"
													buttonFuns="Screening.peakPassengerSearch();Screening.peakPassengerExport()"
													buttonViss="${searchVis};${exportVis}"
													chartDivIds=""
													chartTypes="line-chart"
													chartIds="peakPassengerFlow"
													chartViss="true"
												/>
											@}
											@if(shiro.hasPermission("/screening/ljkl/show")){
												@var searchVis = shiro.hasPermission("/screening/ljkl/quary");
												@var exportVis = shiro.hasPermission("/screening/ljkl/export");
												<#chart name="累计客流" 
													timeInputId="config-demo" 
													selectIds="selectCumulativePassenger;selectCumulativePassengerPeople" 
													selectValues="日,月;所有人口,流动人口" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出;柱形图;折线图"
													buttonIcons="fa-search;fa-file-excel-o;fa-bar-chart;fa-line-chart"
													buttonFuns="Screening.cumulativePassengerSearch();Screening.cumulativePassengerExport();Screening.cumulativePassengerBar();Screening.cumulativePassengerLine()"
													buttonViss="${searchVis};${exportVis};true;true"
													chartDivIds="cumulativePassengerFlowBarId;cumulativePassengerFlowLineId"
													chartTypes="bar-chart;line-chart"
													chartIds="cumulativePassengerFlow;cumulativePassengerFlowLine"
													chartViss="true;false"
												/>
											@}
											@if(shiro.hasPermission("/screening/dlqk/show")){
												@var searchVis = shiro.hasPermission("/screening/dlqk/quary");
												@var exportVis = shiro.hasPermission("/screening/dlqk/export");
												<#chart name="逗留情况" 
													timeInputId="staySituation-demo" 
													selectIds="selectStaySituationTime" 
													selectValues="小时,天" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出;柱形图;饼&nbsp&nbsp&nbsp&nbsp图"
													buttonIcons="fa-search;fa-file-excel-o;fa-bar-chart;fa-pie-chart"
													buttonFuns="Screening.staySituationSearch();Screening.staySituationExport();Screening.staySituationBar();Screening.staySituationPie()"
													buttonViss="${searchVis};${exportVis};true;true"
													chartDivIds="staySituationBarId;staySituationPieId"
													chartTypes="bar-chart;pie-chart"
													chartIds="staySituationBar;staySituationPie"
													chartViss="true;false"
												/>
											@}
											@if(shiro.hasPermission("/screening/dlscranking/show")){
												@var searchVis = shiro.hasPermission("/screening/dlscranking/quary");
												@var exportVis = shiro.hasPermission("/screening/dlscranking/export");
												<#chart name="子区域平均逗留时长" 
													timeInputId="staySituationRanking-demo" 
													selectIds="selectStaySituationRankingTime" 
													selectValues="小时,天" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出"
													buttonIcons="fa-search;fa-file-excel-o"
													buttonFuns="Screening.staySituationRankingSearch();Screening.staySituationRankingExport()"
													buttonViss="${searchVis};${exportVis}"
													chartDivIds="staySituationRankingBarId"
													chartTypes="bar-chart"
													chartIds="staySituationRankingBarChart"
													chartViss="true"
												/>
											@}											
										</div>
										<div id="tab-2" class="tab-pane">
											@if(shiro.hasPermission("/screening/kyd/show")){
												@var searchVis = shiro.hasPermission("/screening/kyd/quary");
												@var exportVis = shiro.hasPermission("/screening/kyd/export");
												<#chart name="客源地" 
													timeInputId="origin-demo" 
													selectIds="selectOrigin" 
													selectValues="省份,城市,区县" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出;柱形图;饼&nbsp&nbsp&nbsp&nbsp图"
													buttonIcons="fa-search;fa-file-excel-o;fa-bar-chart;fa-pie-chart"
													buttonFuns="Screening.originDistributionSerch();Screening.originExport();Screening.originBar();Screening.originPie()"
													buttonViss="${searchVis};${exportVis};true;true"
													chartDivIds="originBarId;originPieId"
													chartTypes="bar-chart;pie-chart"
													chartIds="originBar;originPie"
													chartViss="true;false"
												/>
											@}
											@if(shiro.hasPermission("/screening/klmd/show")){
												@var searchVis = shiro.hasPermission("/screening/klmd/quary");
												@var exportVis = shiro.hasPermission("/screening/klmd/export");
												<#chart name="客流密度" 
													timeInputId="passengerDensity-demo" 
													selectIds="selectPassengerDensity" 
													selectValues="月,天" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出"
													buttonIcons="fa-search;fa-file-excel-o"
													buttonFuns="Screening.passengerDensitySearch();Screening.passengerDensityExport()"
													buttonViss="${searchVis};${exportVis}"
													chartDivIds=""
													chartTypes="line-chart"
													chartIds="passengerDensityLine"
													chartViss="true"
												/>
											@}									
										</div>
										<div id="tab-3" class="tab-pane">
											@if(shiro.hasPermission("/screening/czrk/show")){
												@var searchVis = shiro.hasPermission("/screening/czrk/quary");
												@var exportVis = shiro.hasPermission("/screening/czrk/export");
												<#chart name="常驻人口" 
													timeInputId="permanentPopulation-demo" 
													selectIds="" 
													selectValues="" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出;柱形图;折线图"
													buttonIcons="fa-search;fa-file-excel-o;fa-bar-chart;fa-line-chart"
													buttonFuns="Screening.permanentPopulationSearch();Screening.permanentPopulationExport();Screening.permanentPopulationBar();Screening.permanentPopulationLine()"
													buttonViss="${searchVis};${exportVis};true;true"
													chartDivIds="permanentPopulationBarId;permanentPopulationLineId"
													chartTypes="bar-chart;line-chart"
													chartIds="permanentPopulationBar;permanentPopulationLine"
													chartViss="true;false"
												/>
											@}		
											@if(shiro.hasPermission("/screening/gzrk/show")){
												@var searchVis = shiro.hasPermission("/screening/gzrk/quary");
												@var exportVis = shiro.hasPermission("/screening/gzrk/export");
												<#chart name="工作人口" 
													timeInputId="workForce-demo" 
													selectIds="" 
													selectValues="" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出;柱形图;折线图"
													buttonIcons="fa-search;fa-file-excel-o;fa-bar-chart;fa-line-chart"
													buttonFuns="Screening.workForceSearch();Screening.workForceExport();Screening.workForceBar();Screening.workForceLine()"
													buttonViss="${searchVis};${exportVis};true;true"
													chartDivIds="workForceBarId;workForceLineId"
													chartTypes="bar-chart;line-chart"
													chartIds="workForceBar;workForceLine"
													chartViss="true;false"
												/>
											@}
											@if(shiro.hasPermission("/screening/tjrk/show")){
												@var searchVis = shiro.hasPermission("/screening/tjrk/quary");
												@var exportVis = shiro.hasPermission("/screening/tjrk/export");
												<#chart name="途经人口" 
													timeInputId="passingPopulation-demo" 
													selectIds="selectPassingPopulation" 
													selectValues="天,小时" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出;柱形图;折线图"
													buttonIcons="fa-search;fa-file-excel-o;fa-bar-chart;fa-line-chart"
													buttonFuns="Screening.passingPopulationSearch();Screening.passingPopulationExport();Screening.passingPopulationBar();Screening.passingPopulationLine()"
													buttonViss="${searchVis};${exportVis};true;true"
													chartDivIds="passingPopulationBarId;passingPopulationLineId"
													chartTypes="bar-chart;line-chart"
													chartIds="passingPopulationBar;passingPopulationLine"
													chartViss="true;false"
												/>
											@}
											@if(shiro.hasPermission("/screening/cxrk/show")){
												@var searchVis = shiro.hasPermission("/screening/cxrk/quary");
												@var exportVis = shiro.hasPermission("/screening/cxrk/export");
												<#chart name="出行人口" 
													timeInputId="travel-demo" 
													selectIds="selectTravelPopulation" 
													selectValues="天,小时" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出;柱形图;折线图"
													buttonIcons="fa-search;fa-file-excel-o;fa-bar-chart;fa-line-chart"
													buttonFuns="Screening.travelPopulationSearch();Screening.travelPopulationExport();Screening.travelPopulationBar();Screening.travelPopulationLine()"
													buttonViss="${searchVis};${exportVis};true;true"
													chartDivIds="travelPopulationBarId;travelPopulationLineId"
													chartTypes="bar-chart;line-chart"
													chartIds="travelPopulationBar;travelPopulationLine"
													chartViss="true;false"
												/>
											@}
											@if(shiro.hasPermission("/screening/zcd/show")){
												@var searchVis = shiro.hasPermission("/screening/zcd/quary");
												@var exportVis = shiro.hasPermission("/screening/zcd/export");
												<#chart name="忠诚度" 
													timeInputId="loyalty-demo" 
													selectIds="" 
													selectValues="" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出;柱形图;饼&nbsp&nbsp&nbsp&nbsp图"
													buttonIcons="fa-search;fa-file-excel-o;fa-bar-chart;fa-pie-chart"
													buttonFuns="Screening.loyaltyPopulationSearch();Screening.loyaltyPopulationExport();Screening.loyaltyBar();Screening.loyaltyPie()"
													buttonViss="${searchVis};${exportVis};true;true"
													chartDivIds="loyaltyBarId;loyaltyPieId"
													chartTypes="bar-chart;pie-chart"
													chartIds="loyaltyBar;loyaltyPie"
													chartViss="true;false"
												/>
											@}
										</div>
										<div id="tab-4" class="tab-pane">
											@if(shiro.hasPermission("/screening/xbfb/show")){
												@var searchVis = shiro.hasPermission("/screening/xbfb/quary");
												@var exportVis = shiro.hasPermission("/screening/xbfb/export");
												<#chart name="性别分布" 
													timeInputId="sex-demo" 
													selectIds="selectSexDistribution" 
													selectValues="日,月" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出"
													buttonIcons="fa-search;fa-file-excel-o"
													buttonFuns="Screening.sexDistributionSerch();Screening.sexDistributionExport()"
													buttonViss="${searchVis};${exportVis}"
													chartDivIds=""
													chartTypes="line-chart"
													chartIds="sexDistributionLine"
													chartViss="true"
												/>
												<#chart name="" 
													timeInputId="" 
													selectIds="" 
													selectValues="" 
													buttonNames="柱形图;饼&nbsp&nbsp&nbsp&nbsp图"
													buttonIcons="fa-bar-chart;fa-pie-chart"
													buttonFuns="Screening.sexDistributionBar();Screening.sexDistributionPie()"
													buttonViss="true;true"
													chartDivIds="sexDistributionBarId;sexDistributionPieId"
													chartTypes="bar-chart;pie-chart"
													chartIds="sexDistributionBar;sexDistributionPie"
													chartViss="true;false"
												/>
											@}
											@if(shiro.hasPermission("/screening/nlfb/show")){
												@var searchVis = shiro.hasPermission("/screening/nlfb/quary");
												@var exportVis = shiro.hasPermission("/screening/nlfb/export");
												<#chart name="年龄分布" 
													timeInputId="age-demo" 
													selectIds="selectAgeDistribution" 
													selectValues="日,月" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出"
													buttonIcons="fa-search;fa-file-excel-o"
													buttonFuns="Screening.ageDistributionSerch();Screening.ageExport()"
													buttonViss="${searchVis};${exportVis}"
													chartDivIds=""
													chartTypes="line-chart"
													chartIds="ageDistributionLine"
													chartViss="true"
												/>
												<#chart name="" 
													timeInputId="" 
													selectIds="" 
													selectValues="" 
													buttonNames="柱形图;饼&nbsp&nbsp&nbsp&nbsp图"
													buttonIcons="fa-bar-chart;fa-pie-chart"
													buttonFuns="Screening.ageDistributionBar();Screening.ageDistributionPie()"
													buttonViss="true;true"
													chartDivIds="ageDistributionBarId;ageDistributionPieId"
													chartTypes="bar-chart;pie-chart"
													chartIds="ageDistributionBar;ageDistributionPie"
													chartViss="true;false"
												/>
											@}
											@if(shiro.hasPermission("/screening/zdfb/show")){
												@var searchVis = shiro.hasPermission("/screening/zdfb/quary");
												@var exportVis = shiro.hasPermission("/screening/zdfb/export");
												<#chart name="终端分布" 
													timeInputId="terminal-demo" 
													selectIds="" 
													selectValues="" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出;柱形图;饼&nbsp&nbsp&nbsp&nbsp图"
													buttonIcons="fa-search;fa-file-excel-o;fa-bar-chart;fa-pie-chart"
													buttonFuns="Screening.terminalDistributionSerch();Screening.terminalDistributionExport();Screening.terminalDistributionBar();Screening.terminalDistributionPie()"
													buttonViss="${searchVis};${exportVis};true;true;"
													chartDivIds="terminalDistributionBarId;terminalDistributionPieId"
													chartTypes="bar-chart;pie-chart"
													chartIds="terminalDistributionBar;terminalDistributionPie"
													chartViss="true;false"
												/>
											@}
											@if(shiro.hasPermission("/screening/yxffb/show")){
												@var searchVis = shiro.hasPermission("/screening/yxffb/quary");
												@var exportVis = shiro.hasPermission("/screening/yxffb/export");
												<#chart name="月消费分布" 
													timeInputId="monthlyDistribution-demo" 
													selectIds="" 
													selectValues="" 
													buttonNames="查&nbsp&nbsp&nbsp&nbsp询;导&nbsp&nbsp&nbsp&nbsp出;柱形图;饼&nbsp&nbsp&nbsp&nbsp图"
													buttonIcons="fa-search;fa-file-excel-o;fa-bar-chart;fa-pie-chart"
													buttonFuns="Screening.monthlyConsumptionSerch();Screening.monthlyConsumptionExport();Screening.monthlyDistributionBar();Screening.monthlyDistributionPie()"
													buttonViss="${searchVis};${exportVis};true;true;"
													chartDivIds="monthlyDistributionBarId;monthlyDistributionPieId"
													chartTypes="bar-chart;pie-chart"
													chartIds="monthlyDistributionBar;monthlyDistributionPie"
													chartViss="true;false"
												/>
											@}
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="${ctxPath}/static/modular/map/screening/screening.js"></script>
@}
